<div id="js-navbar-default" class="navbar navbar-default" role="navigation">
  <div class="container-fluid">
    <div class="navbar-left">
      <h1 class="navbar-left navbar-btn list-group-item-text"><span class="navbar-left"><a href="#/boards" title="<%- SITE_NAME %>"><img src="img/logo.png" alt="[Image: <%- SITE_NAME %>]" title="<%- SITE_NAME %>" class="img-responsive center-block"/></a></span></h1>
      <ul class="list-inline navbar-left h2 navbar-btn navbar-form text-center">
        <li class="text-muted"><span class="h5">/</span></li>
        <li><span class="text-muted h4"><%- i18next.t('Organizations') %></span></li>
      </ul>
      <div class="pull-left"> 
        <div class="js-dropdown dropdown  docmodal-submenu row">
          <a data-toggle="dropdown" id="dropdownMenu1" class="dropdown-toggle btn btn-link show" href="#"> <i class="icon-cog h3 text-muted"></i></a>
          <ul role="menu" class="dropdown-menu arrow">
            <li class="text-center text-muted"><strong><%- i18next.t('Sort') %></strong></li>
            <li class="divider"></li>
            <li><a title="<%- i18next.t('Name') %>" href="#" class="js-sort-by" data-field="name"><%- i18next.t('Name') %></a></li>
            <% _.each(user.models,function(organization,key) {
              if(key === 1) {
                _.each(organization.attributes.organization_user_roles,function(organization_user_role) {
                  var organzationOwnerRole;
                  if(organization_user_role.id === 1) { 
                    organzationOwnerRole = organization_user_role.name;%>
                    <li><a title="<%- i18next.t('%s', {
                      postProcess: 'sprintf',
                      sprintf: [organzationOwnerRole]
                  }) %>" href="#" data-field="username" class="js-sort-by"><%- i18next.t('%s', {
                    postProcess: 'sprintf',
                    sprintf: [organzationOwnerRole]
                }) %> </a></li>
                  <% }
              });
            }
            }); %>
            <li><a title="<%- i18next.t('Created') %>" href="#" data-field="created" class="js-sort-by"><%- i18next.t('Created') %></a></li>
            <li><a title="<%- i18next.t('Users Count') %>" href="#" data-field="organizations_user_count" class="js-sort-by"><%- i18next.t('Users Count') %></a></li>
            <li><a title="<%- i18next.t('Board Count') %>" href="#" data-field="board_count" class="js-sort-by"><%- i18next.t('Board Count') %></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="broadcast-section container-fluid">
    <section id="broadcast_information" class="hide hidden-xs">
    </section>
    <section id="broadcast_hide_arrow" class="hide hidden-xs">
      <a href="#" class="broadcast-content-show js-broadcast-show pull-right" title="show">
        <i class="icon-angle-down"></i>
      </a>
    </section>
</div>